<ion-view hide-tabs="true" hide-nav-bar="true" view-title="约课详情" ng-controller="detailsCtrl">
  <ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
    <div class="buttons">
      <button class="button" ng-click="back()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
    </div>
    <h1 class="title">约课详情</h1>
  </ion-header-bar>
  <ion-content>
    <div class="leagueDetailsDivTops" style="background-image: url({{items.pic}})">
      <section class="leagueDetailsDivTopSections">
        <p style="font-size: 18px;">{{items.name}} </p>
        <ul>
          <div style=" width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.one}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.two}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;  ">
            <img ng-src="{{items.classScoreImg.three}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.four}}" width='14px' height='13px' alt="">
          </div>
          <div style="  width: 14px;height: 13px; display: inline-block; ">
            <img ng-src="{{items.classScoreImg.five}}" width='14px' height='13px' alt="">
          </div>
        </ul>
        <p>{{items.class_date}} {{items.start}}&nbsp;{{items.end}}</p>
        <p style="font-size: 10px;">{{items.lastText}}</p>
      </section>
      <section class="leagueDetailsDivTopSectionTwos">
        <h3>{{items.about}}/{{items.classroom}}</h3>
        <span>已预约的人数</span>
      </section>

    </div>
    <div class="leagueDetailsDivtwo  clearfix" style="margin-top: 10px;background-color: #FFFFFF;border-bottom: solid 1px #e5e5e5;">
      <section style="padding-left: 10px; " class="leagueDetailsDivSection1 fl" ng-click="venueDetailsClick()">{{items.venue}} <br>
        <p style="font-size: 10px">{{items.venueAddress}}</p>
      </section>
      <section class="leagueDetailsDivSection2" ng-click="venueMapClick()"></section>
    </div>
    <div class="leagueDetailsDivThree" ng-click="coachDetailsClick()">
      <div class="leagueDetailsDivThreeDiv1">
        <img ng-src="{{items.coachPic}}" alt="">
      </div>
      <section class="leagueDetailsDivThreeDivSection">
        <span style="font-size: 10px;">{{items.coach}}</span><br>
        <p style="font-size: 10px;"><span ng-if='items.coachAge != null'>{{items.coachAge}}岁</span> 从业时间 {{items.workTime}}年</p>
        <section>
          <div style=" width: 20px;height: 20px;display: inline-block;">
            <img ng-src="{{items.scoreImg.one}}" width="20px" height="20px" alt="">
          </div>
          <div style=" width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.two}}" width="20px" height="20px" alt="">
          </div>
          <div style="width: 20px;height: 20px;display: inline-block;">
            <img ng-src="{{items.scoreImg.three}}" width="20px" height="20px" alt="">
          </div>
          <div style=" width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.four}}" width="20px" height="20px" alt="">
          </div>
          <div style="width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.five}}" width="20px" height="20px" alt="">
          </div>
          <strong style="font-size: 20px;">{{items.score}}</strong>分
        </section>
      </section>
    </div>
    <div class="leagueDetailsDivFour"></div>
    <div class="leagueDetailsDivFive">
      <h4 style="text-align: center;">{{items.name}}</h4>
      <p style="text-indent: 30px;">{{items.desc}}</p>
      <p style="text-indent: 30px;">{{items.courseDesrc}}</p>
    </div>
  </ion-content>
  <div class="bar bar-footer bar-balanced " style="padding: 0;">
    <button type="button" ng-click="buttonClick()" id="leagueDetailsButton " style="width: 100%; font-size: 16px;background-color: #28a54c;color: #FFF;">立即预约</button>
  </div>
  </ion-content>
</ion-view>